<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="node_modules/font-awesome-4.7.0/css/font-awesome.css">
</head>

<body>
    <header>
        <nav>
            <li>首页</li>
            <li>下载</li>
            <li>动态</li>
            <li>注册</li>
        </nav>
        <div class="bg"></div>
    </header>
    <section class="top">
        <div class="card">
            <img src="mm.jpg">
            <div class="text">
                <p>这是很长，很好的一生</p>
            </div>
        </div>
        <div class="card">
            <img src="mm.jpg">
            <div class="text">
                <p>这是很长，很好的一生</p>
            </div>
        </div>
        <div class="card">
            <img src="mm.jpg">
            <div class="text">
                <p>这是很长，很好的一生</p>
            </div>
        </div>
        <div class="card">
            <img src="mm.jpg">
            <div class="text">
                <p>这是很长，很好的一生</p>
            </div>
        </div>
    </section>
    <div class="bg2"></div>
    <section></section>
    <div class="bg3"></div>
    <section></section>
    <div class="bg4"></div>
    <section></section>
    <footer>
        <div class="icons">
            <i class="fa fa-apple fa-3x"></i>
            <i class="fa fa-widows fa-3x"></i>
            <i class="fa fa-android fa-3x"></i>
            <i class="fa fa-css3 fa-3x"></i>
        </div>
        <hr>
        <p>如有雷同，纯属虚构</p>
    </footer>
</body>

</html>
